<div id="${id}" name="${id}">
    <div style="display: flex;padding: 12px 0;border-bottom: 1px solid #00a6c9;color: #666a73">
        <span style="flex: 1;">操作诊所</span>
        <span style="flex: 1;">就诊时间</span>
        <span style="flex: 0.5;">医生</span>
        <span style="flex: 0.5;">应收</span>
        <span style="flex: 0.5;">实收</span>
        <span style="flex: 0.5;">欠费</span>
        <span style="flex: 1;">备注</span>
    </div>
    @for(item in list){
    <p style="display: none" value="${item.getTime}">${item.getTime}</p>
    <p style="display: none" value="${item.operationTime}">${item.operationTimeOne}</p>
    <p style="display: none" value="${item.operationTime}">${item.operationTimeTwo}</p>
    <div>
        <div style="display: flex;padding: 15px 0;border-bottom: 1px solid #e3e3e3;position: relative">
            <span style="flex: 1;">${item.outpatientName}</span>
            <span style="flex: 1;">${item.operationTime}</span>
            <span style="flex: 0.5;">${item.doctor}</span>
            <span style="flex: 0.5;" >${item.foldingPay}</span>
            <span style="flex: 0.5;" >${item.totleServiceActualPay}</span>
            <span style="flex: 0.5;" >${item.totleArrears}</span>
            <span style="flex: 1;">${item.remarks}</span>
            <div style="position: absolute;left: 25px;font-size: 20px;" class="showDetail">
                <span class="glyphicon glyphicon-collapse-down"></span>
                <span class="glyphicon glyphicon-collapse-up" style="display: none"></span>
            </div>
        </div>
        <div value="${item.operationTime}" style="padding: 20px 40px;overflow: hidden;display: none"></div>
    </div>
    @}
</div>